<template>
<el-dialog
  title="登录"
  :visible.sync="centerDialogVisible"
  width="30%"
  center
  :show-close=false
  :before-close="loginClose">  
  <el-form>
  <el-form-item >
    <el-input prefix-icon="el-icon-user" v-model="name" placeholder="账号"></el-input>
  </el-form-item>
  <el-form-item>
    <el-input prefix-icon="el-icon-lock" v-model="password" placeholder="密码" show-password></el-input>
  </el-form-item>
    <el-button type="text" >忘记密码？</el-button>
    <el-button type="text" >马上注册</el-button>
  <el-form-item>
     <el-button type="primary"  style="width: 100%;">登录</el-button>
  </el-form-item>
</el-form>
</el-dialog>
    
</template>
<script>
export default{
    name:'Login',
    data(){
        return{
            // centerDialogVisible: false,
            name:'',
            password:'',
            
        }
    },
    props:{
        centerDialogVisible:{
            type:Boolean,
            default:false
        }

    },
    methods:{
        loginClose:function(){
            this.$emit('update:centerDialogVisible',false);
        }

    }
}
</script>